@CHARSET "UTF-8";

/*	body	*/
/************/
body {
	font: verdana, arial, helvetica, sans-serif;
	background-color: #F1F3F2;
	color: #000000;
	font-size: 62.5%;
	font-weight: normal;
	text-align: center;
}

#top {
	display: inline-block;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #D1D3D2;
	width: 100%;
	max-width: 1024px;
	position: relative;
	left: 0px;
	padding: 0px;
	overflow: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-align: justify;
}

/* left navigation */
/*******************/
#leftColumn {
	width: 12%;
	float: left;
	margin-top: 9em;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 0.5em;
	background-color: #373646;
}

#leftColumn a:link,#leftColumn a:visited,#leftColumn a:hover,#leftColumn a:active
	{
	background-color: #ffffff;
	color: #373646;
	font-size: 1.4em;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 0.7em;
	display: block;
	margin-bottom: 0.4em;
}

#leftColumn #menu {
	text-transform: uppercase;
	font-size: 1.6em;
	background-color: #262834;
	color: #C3E3EC;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 0.5em;
	margin-bottom: 0.4em;
}

/* main titel navigation */
/*************************/
#topMain {
	float: left;
	width: 56%;
	height: 9em;
	background-color: #262834;
	overflow: hidden;
}

#topMain a {
	font-weight: bold;
	padding: 0.5%;
	color: #5B5A62;
}
/* use this to indicate that the anchor (<a>) points to the current page */
#topMain a:visited#activated {
	background-color: #BEBEC2;
}

/* use this to indicate that the anchor (<a>) points to the current page */
#topMain a:link#activated {
	background-color: #BEBEC2;
}

#topMain a:link {
	font-size: 1.4em;
	display: block;
	color: #373646;
	text-decoration: none;
	float: left;
	width: 29%;
	background-color: #F1F3F2;
	margin-top: 2em;
	margin-left: 1.5%;
	margin-right: 1.5%;
	text-align: center;
}

#topMain a:visited {
	background-color: #F1F3F2;
}

#topMain a:hover {
	background-color: #BEBEC2;
}

/* main site */
#mainColumn {
	float: left;
	width: 56%;
	background-color: #262834;
	margin-right: 1%;
	margin-left: 0%;
	overflow: hidden;
}

#mainColumn h1 {
	font-size: 3.4em;
	background-color: #262834;
	color: #C3E3EC;
	text-decoration: none;
	text-align: left;
	margin-bottom: 1em;
	margin-left: 1%;
	text-transform: uppercase;
}

#mainColumn a {
	text-decoration: none;
	color: #C3E3EC;
}

.marginLeftAndRight {
	margin-left: 2%;
	margin-right: 2%;
	overflow: hidden;
}

#teaser {
	
}

#teaser a {
	color: #848391;
	text-decoration: none;
}

#teaser img {
	width: 40%;
	float: left;
}

#teaser h3 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	float: right;
	width: 58%;
	color: #BEBDBB;
}

#teaser p {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	float: right;
	width: 58%;
	display: block;
	color: #848391;
}

#teaser div {
	color: #848391;
	height: inherit;
	display: block;
}

#teaser #teaserReadMore {
	color: #848391;
	text-decoration: underline;
}

.footer {
	clear: both;
}

#teaserFooter a {
	margin-top: 1.5em;
	margin-bottom: 1em;
	font-size: 1.3em;
	text-align: right;
	float: left;
	display: block;
	width: 40%;
}

#teaserFooter span {
	margin-top: 1.5em;
	margin-bottom: 1em;
	margin-right: 10%;
	font-size: 1.3em;
	float: right;
	text-align: right;
	display: block;
}

.horizontalLine {
	margin-top: 1em;
	border-top: 0.3em solid #BEBEC2;
}

.horizontalDottedLine {
	padding-bottom: 1em;
	border-bottom: 0.2em dotted #848391;
}

.verticalLine {
	margin-top: 1.5em;
	border-right: 0.1em solid #848391;
	margin-bottom: 1.5em;
}

.horizontalHiddenLine {
	border-bottom: 0em solid #848391;
}

.articles {
	margin-top: 3em;
	background-color: #ffffff;
	margin-left: 2%;
	margin-right: 2%;
	overflow: hidden;
}

.articles h3 {
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: bold;
	color: #000000;
	margin-bottom: 2%;
	margin-right: 1em;
}

.articles p {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #848391;
	margin-bottom: 2em;
	margin-right: 1em;
	text-align: justify;
}

.articles img {
	width: 3.5em;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.floatLeft {
	margin-top: 3%;
	margin-left: 3%;
	float: left;
	width: 46.5%;
	overflow: hidden;
}

.floatRight {
	margin-top: 3%;
	margin-left: 1%;
	float: right;
	width: 30%;
	height: 100%;
}

#readMore {
	margin-left: 2%;
	margin-right: 2%;
	height: 3em;
	background-color: #3E3E4A;
	margin-bottom: 2em;
	border-radius: 0.3em;
}

#readMore a {
	padding: 0.8em;
	font-size: 1.3em;
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

/*	main Article Page (article.html)  */
/**************************************/
#mainArticle {
	text-align: justify;
	margin-bottom: 1em;
}

#mainArticle h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin-left: 0em;
	color: #FFFFFF;
	text-transform: uppercase;
	color: #FFFFFF;
}

#mainArticle h4 {
	font-size: 1.3em;
	margin-bottom: 1em;
	color: #BEBEC2;
}

#mainArticle img {
	width: 100%;
	margin-bottom: 2em;
}

#mainArticle p {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #848391;
	margin-bottom: 1.5em;
}

#mainArticle span {
	display: inline-block;
	font-weight: bold;
	font-size: 1.4em;
	margin-left: 0.3em;
	color: #BEBEC2;
	padding-bottom: 1em;
}

#downloadPress {
	width: 18em;
	height: 3em;
	background-color: #3E3E4A;
	margin-bottom: 1em;
	border-radius: 0.3em;
}

#downloadPress a {
	padding: 0.8em;
	display: block;
	color: #ffffff;
	font-size: 1.1em;
	text-align: center;
}

/*	sub-article page (article.html)  */
/**************************************/
#mainSubArticle ul {
	
}

#mainSubArticle li {
	margin: 2% 1.5% 1% 1.5%;
	height: 20em;
	float: left;
	display: inline;
	width: 28%;
	background-color: #FFFFFF;
	padding: 1%;
}

#mainSubArticle h3 {
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: bold;
	color: #000000;
	margin-bottom: 2%;
}

#mainSubArticle p {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: normal;
	color: #000000;
	margin-bottom: 2%;
	margin-right: 5%;
	text-align: justify;
}

#mainSubArticle img {
	width: 3.5em;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

#mainSubArticle .moreText {
	color: #848391;
	vertical-align: bottom;
}

/*  main photo tour horizontal (gallery.html)	*/
/************************************************/
#mainImage {
	width: 100%;
}

#photoTourHorizontal img {
	margin-top: 2%;
	float: left;
	width: 15%;
}

.leftImage {
	background: black;
}

.leftImage img {
	margin-right: 1%;
	opacity: .5;
}

.middleImage {
	background: black;
}

.middleImage img {
	margin-right: 1%;
	margin-left: 1%;
	opacity: .5;
}

.rightImage {
	background: black;
}

.rightImage img {
	margin-left: 1%;
	opacity: .5;
}

#photoTourBlock {
	margin-top: 3em;
}

.photoTourSubBlock {
	max-width: 26.4em;
	min-width: 26.4em;
	float: left;
}

.photoTourSubBlock h3 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: bold;
}

.photoTourSubBlock div {
	display: block;
	margin-bottom: 2em;
}

.divRightMargin {
	margin-right: 4%;
}

/*	articles on photo tour right column   */
/******************************************/
.photoTourArticles {
	height: 20em;
	background-color: #ffffff;
	overflow: hidden;
}

.photoTourArticles h3 {
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 1em;
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: bold;
	color: #000000;
	margin-bottom: 2%;
}

.photoTourArticles p {
	margin-left: 3%;
	margin-right: 0.5em;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #000000;
	margin-bottom: 2%;
	margin-right: 5%;
	text-align: justify;
}

.photoTourArticles img {
	width: 3.5em;
	float: left;
	margin-left: 3%;
	margin-right: 2em;
	margin-bottom: 1em;
}

.photoTourArticles a {
	margin-left: 3%;
	text-decoration: none;
	color: #848391;
}

.photoTourHorizontalLine {
	border-top: 0.3em solid #1E1E2A;
}

ul#slideshowNavigationButtons {
	margin-top: 0.6em;
	width: 100%;
}

ul#slideshowNavigationButtons li {
	display: inline-block;
}

ul#slideshowNavigationButtons li a:hover {
	text-decoration: underline;
}

img#slideshowNavigationImages {
	width: 2em;
}

/* 	bottom Main Column */
/***********************/
#bottomMain {
	margin-top: 5em;
	margin-left: 14%;
	float: left;
	height: 9em;
	margin-right: 1%;
	overflow: hidden;
}

.footerLinks {
	height: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0em;
	padding-bottom: 0em;
	border-right: 0.2em solid #848391;
	float: left;
}

.footerLinks h3 {
	font-family: times;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #848391;
}

#copyright {
	margin-top: 4em;
	margin-left: 0.5em;
}

#copyright p {
	font-family: times;
	font-size: 1.4em;
}

/*  right Column */
#rightColumn {
	float: left;
	width: 28%;
	max-width: 26.4em;
}

#photoTitle {
	margin-bottom: 1em
}

#photoTitle h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 3.2em;
	text-transform: uppercase;
	color: #6F606B;
}

.photo {
	display: block;
	text-transform: uppercase;
	margin-bottom: 3em;
	height: 29em;
}

.pictures {
	margin-top: 1em;
	padding: 0.5em;
	background-color: #FFFFFF;
	float: left;
}

.pictures img {
	padding: 1.5em;
	margin: 0.2em 0.2em 0.2em 0.2em;
	background-image: url(thumb-frame.png);
	width: 9.1em;
}

#slideshow {
	text-align: center;
}

#slideshow img {
	display: none;
	width: 100%;
}

.photo h3 {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: #6F606B;
	padding: 1.6em 1.2em 0em 0em;
}

#stayInformed {
	margin-top: 5em;
	display: boxed;
}

#stayInformed h2 {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: #6F606B;
	/*padding: 16px 12px 0px 0px;*/
	border-bottom: 0.2em solid #000000;
	margin-bottom: 1.2em;
}

#stayInformed .fbk_link {
	background: url(../images/fbk-icon.gif) left center no-repeat;
	padding: 2.4em 0.7em 3.6em 2em;
}

#stayInformed .twt_link {
	background: url(../images/twt-icon.gif) no-repeat center left;
	padding: 2.1em 0em 2.6em 3em;
}

#stayInformed a {
	font-size: 1.4em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: #9f9dab;
}

#stayInformed a:link {
	text-decoration: none;
}

#stayInformed a:visited {
	text-decoration: none;
}

#stayInformed a:hover {
	text-decoration: underline;
}

#stayInformed a:active {
	text-decoration: underline;
}

/************************* doubled media queries for browser resizing **********************/
/*
 replaced "device-width" with "width"*/
/* for desktop and equivalent sizes */
@media only screen and (min-width: 1024px) {
	/* a window resize should not be equivalent to switching a 
	   small screen size if the screen (aka prevent responsiveness */
	/*	body {
		min-width: 100em;	
	} */
}

/* tablet portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#rightColumn {
		display: none;
	}
	#mainColumn {
		width: 83%;
	}
	#topMain {
		width: 83%;
	}
	#slideshowNavigationButtons {
		display: none;
	}
}

/* smart phone landscape  */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#rightColumn {
		display: none;
	}

	/*#leftColumn { display:none; }*/
	#leftColumn {
		width: 100%;
		margin-left: 0%;
		margin-top: 0%;
	}
	#mainColumn {
		width: 100%;
	}
	#topMain {
		width: 100%;
	}
	#bottomMain {
		margin-left: 2%;
	}
	#slideshowNavigationButtons {
		display: none;
	}
}

/* smart phone portrait  */
@media only screen and (min-width: 0px) and (max-width: 479px) {
	#rightColumn {
		display: none;
	}

	/* #leftColumn { display:none; } */
	#leftColumn {
		width: 100%;
		margin-left: 0%;
		margin-top: 0%;
	}
	#mainColumn {
		width: 100%;
	}
	#topMain {
		width: 100%;
	}
	#mainSubArticle li {
		width: 94%;
		height: 14em;
	}
	#bottomMain {
		margin-left: 2%;
	}
	.floatLeft {
		width: 94%;
	}
	.verticalLine {
		border-right: 0em solid #848391;
	}
	.horizontalHiddenLine {
		border-bottom: 0.1em solid #848391;
	}
	#slideshowNavigationButtons {
		display: none;
	}
}

/*********************** device-width **************************/

/* for desktop and equivalent sizes */
@media only screen and (min-device-width: 1024px) {
	/* a window resize should not be equivalent to switching a 
	   small screen size if the screen (aka prevent responsiveness */
	/*	body {
		min-width: 100em;	
	}*/
}

/* tablet portrait */
@media only screen and (min-device-width: 768px) and (max-device-width:
	1023px) {
	#rightColumn {
		display: none;
	}
	#mainColumn {
		width: 83%;
	}
	#topMain {
		width: 83%;
	}
	#slideshowNavigationButtons {
		display: none;
	}
}

/* smart phone landscape  */
@media only screen and (min-device-width: 480px) and (max-device-width:
	767px) {
	#rightColumn {
		display: none;
	}

	/*#leftColumn { display:none; }*/
	#leftColumn {
		width: 100%;
		margin-left: 0%;
		margin-top: 0%;
	}
	#mainColumn {
		width: 100%;
	}
	#topMain {
		width: 100%;
	}
	#bottomMain {
		margin-left: 2%;
	}
	#slideshowNavigationButtons {
		display: none;
	}
}

/* smart phone portrait  */
@media only screen and (min-device-width: 0px) and (max-device-width:
	479px) and (orientation: landscape) {
	#rightColumn {
		display: none;
	}

	/* #leftColumn { display:none; } */
	#mainColumn {
		width: 83%;
	}
	#topMain {
		width: 83%;
	}
	#topMain {
		width: 83%;
	}
	#mainSubArticle li {
		width: 94%;
		height: 12em;
	}
	.divRightMargin {
		margin-right: 22%;
	}
	.floatLeft {
		width: 94%;
	}
	.verticalLine {
		border-right: 0em solid #848391;
	}
	.horizontalHiddenLine {
		border-bottom: 0.1em solid #848391;
	}
	#slideshowNavigationButtons {
		display: none;
	}
}

/* smart phone portrait  */
@media only screen and (min-device-width: 0px) and (max-device-width:
	479px) and (orientation: portrait) {
	#rightColumn {
		display: none;
	}

	/* #leftColumn { display:none; } */
	#leftColumn {
		width: 100%;
		margin-left: 0%;
		margin-top: 0%;
	}
	#mainColumn {
		width: 100%;
	}
	#teaserFooter a {
		margin-top: 1.5em;
		margin-bottom: 1em;
		font-size: 2em;
	}
	#teaserFooter span {
		margin-top: 1.5em;
		margin-bottom: 1em;
		font-size: 2em;
	}
	#readMore {
		height: 9em;
		margin-bottom: 6em;
		border-radius: 0.9em;
	}
	#readMore a {
		font-size: 3.9em;
	}
	#topMain {
		width: 100%;
		height: 12em;
	}
	#topMain a:link {
		font-size: 2.8em;
	}
	#downloadPress {
		width: 54em;
		height: 9em;
		margin-bottom: 3em;
		border-radius: 0.9em;
	}
	#downloadPress a {
		font-size: 3.3em;
	}
	#mainSubArticle li {
		width: 94%;
		height: 46em;
	}
	#mainSubArticle h3 {
		font-size: 3.9em;
	}
	#mainSubArticle p {
		font-size: 3.3em;
	}
	#mainSubArticle a {
		font-size: 3.3em;
	}
	.divRightMargin {
		margin-right: 22%;
	}
	.photoTourSubBlock h3 {
		font-size: 2.4em;
	}
	#bottomMain {
		margin-left: 2%;
		height: 13em;
	}
	.floatLeft {
		width: 94%;
	}
	.verticalLine {
		border-right: 0em solid #848391;
	}
	.horizontalHiddenLine {
		border-bottom: 0.1em solid #848391;
	}
	.footerLinks {
		height: 2.8em;
	}
	.footerLinks h3 {
		font-size: 2.6em;
	}
	#copyright {
		margin-top: 8em;
	}
	#copyright p {
		font-size: 2.8em;
	}
	#slideshowNavigationButtons {
		display: none;
	}
}